<!DOCTYPE html>
<html>
<head>
	<title>定位</title>
	<style type="text/css">
		body,div{ 
			margin:0;
			padding:0;
		 }
	.main{ 
		width: 300px;
		height: 300px;
		border:1px solid #f00;
		/*position: relative;*/
		/*相对定位 */
		/*position: absolute; */
		margin: 100px;
		left: 100px;
		top:100px; 

	 }
	.dd{ 
		width: 100px;
		height: 100px;
		border:1px solid #f00;
		/*position: relative;*/ 
		position: absolute;
		/* 绝对定位不受父类控制 */
		left: 50px;
		top:50px;
		
	 }
	</style>
</head>
<body>
	<div class="main"> <!-- 有定位  子类的绝对定位 找父类 -->
		<div class="dd"></div><!--  父类没有相对定位 绝对定位找 html标签 -->
	 </div>
</body>
</html>